#screen {
    font-size: 22px;
    text-align: center;
}
/* 在 game_room.css 中添加 */
.container {
    display: flex;
    justify-content: center; /* 强制水平居中 */
    align-items: center; /* 强制垂直居中 */
    width: 100vw; /* 确保占满视口宽度 */
    height: calc(100vh - 50px); /* 用视口高度更可靠 */
    margin: 0;
    padding: 0;
}

/* 确保棋盘和聊天区域的父容器居中 */
.container > div {
    text-align: center; /* 内部元素文本居中（兜底） */
}
.game-content { /* 给棋盘和聊天区域的父div加这个类 */
    width: 450px; /* 和棋盘宽度一致 */
    margin: 0 auto; /* 额外确保水平居中 */
}
